<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3D旋转相册</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="containers">
        <div class="box" id="box">
            <ol>
                <li class="otop"></li>
                <li class="obottom"></li>
                <li class="oleft"></li>
                <li class="oright"></li>
                <li class="obefore"></li>
                <li class="oafter"></li>
            </ol>
            <ul>
                <li class="top"></li>
                <li class="bottom"></li>
                <li class="left"></li>
                <li class="right"></li>
                <li class="before"></li>
                <li class="after"></li>
            </ul>
        </div>
    </div>
</body>
<script src="index.js"></script>
</html>